@charset "utf-8";
/*首页开始*/
.tongyLink{ width:100%; background:#ffff; display: none; font-size:0.14rem}
.tongyLink a{ float: left; margin: 0 0.15rem; line-height: 0.3rem; height: 0.3rem; overflow: hidden; color: #666666}
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
body {padding:0px;margin:0px auto;color:#333333;background:#ffffff; min-width:12rem;  font-family:"微软雅黑";font-size:0.14rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
ul,p,h1,h2,h3,h4,h5,h6,li,p{padding:0px;margin:0px;list-style:none;}
select,input{ outline:0}
.page{ margin:0 auto; width:12rem}
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
.fl{ float:left}
.fr{float:right;margin: 0.1rem 0;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}

@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

@-webkit-keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}  100% {-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}}
.flipInX {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@-o-keyframes ddh{ 0%{-o-transform:translateY(5px);} 20%{-o-transform:translateY(-5px);} 40%{-o-transform:translateY(5px);} 60%{-o-transform:translateY(-5px);} 80%{-o-transform:translateY(5px);} 100%{-o-transform:translateY(0);}}
@-webkit-keyframes ddh{ 0%{-webkit-transform:translateY(5px);} 20%{-webkit-transform:translateY(-5px);} 40%{-webkit-transform:translateY(5px);} 60%{-webkit-transform:translateY(-5px);} 80%{-webkit-transform:translateY(5px);} 100%{-webkit-transform:translateY(0);}}
@-ms-keyframes ddh{ 0%{-ms-transform:translateY(5px);} 20%{-ms-transform:translateY(-5px);} 40%{-ms-transform:translateY(5px);} 60%{-ms-transform:translateY(-5px);} 80%{-ms-transform:translateY(5px);} 100%{-ms-transform:translateY(0);}}
@-moz-keyframes ddh{ 0%{-moz-transform:translateY(5px);} 20%{-moz-transform:translateY(-5px);} 40%{-moz-transform:translateY(5px);} 60%{-moz-transform:translateY(-5px);} 80%{-moz-transform:translateY(5px);} 100%{-moz-transform:translateY(0);}}
@keyframes ddh{ 0%{transform:translateY(5px);} 20%{transform:translateY(-5px);} 40%{transform:translateY(5px);} 60%{transform:translateY(-5px);} 80%{transform:translateY(5px);} 100%{transform:translateY(0);}}

/*顶部*/
.head{height: 0.40rem;background: #f2f2f2;position: relative;float:left;width:100%;font-size: 0.14rem;border-bottom: 1px solid #e0e0e0;}
.head h1,.head .fl{max-width: 9rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 0.40rem;font-size: 0.14rem;font-weight:normal;}
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a {display: inline-block;font-size: inherit;/* line-height: 0.45rem; */padding: 0 0.1rem;cursor: pointer;position: relative;float:left;border-left: 1px dotted #e0e0e0;}
/*LOGO*/
.top { padding: 0.3rem 0; height: 0.9rem; width: 100%; float:left}
.top > .page > .logo{ display: block; padding-right: 0.2rem; height: 0.9rem; }
.top > .page > .logo > a > img{display: block;height: 100%;width: auto;}
.top > .page > .logo > a{display: block;height: 100%; width: auto;}
.top > .page >.logo_2{display: block;height: 0.6rem;padding-left: 0.2rem;border-left: 1px solid #e7e7e7;margin-top: 0.13rem;width: 6rem;overflow: hidden;}
.top > .page >.logo_2 > strong{display: block;font-size: 0.22rem;font-weight: bold;line-height: 0.32rem;color: #000;margin: 0.04rem 0;}
.top > .page >.logo_2 > p{display: block;font-size: 0.14rem;line-height: 0.24rem;color: #F21F18;padding-bottom: 0.04rem;font-weight: 700;}
.top > .page > .top_tel{height: 0.9rem;display: block}
.top > .page > .top_tel > i{float:left;background: url(../pic/tel.png) 0 50% no-repeat;width: 0.8rem;height: 0.9rem;display: block;background-size: 0.8rem 0.8rem;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top > .page > .top_tel > p{font-size: 0.24rem;color: #ae1c2f;line-height:0.28rem;height: 0.9rem;float:left;margin-left:0.1rem;margin-top:0.07rem;font-weight:bold;}
.top > .page > .top_tel > p span{font-size: 0.16rem;display: block;line-height: 0.22rem;font-weight:normal;color: #666;}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 0.6rem;background-color: #385CBA;float: left;color:#fff;padding: 0 0 0 0;/* overflow: hidden */}
.index-nav-frame{width: 12rem;margin: 0 auto;height: 0.6rem;}
.Nptline{z-index: 999;width: 1.2rem;float: left;position: relative;display: block;outline: none;cursor: pointer;line-height: 0.6rem;text-align: center;margin: 0;font-size: 0.16rem;background: url(../pic/menulibg.png) no-repeat 0 50%;}

.Nptline:hover{background: #d60000;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.Nptline a{color:#fff;}
.Nptcenter a:first-child{margin-top:0.2rem;}
.Nptcenter{width: 1.2rem;background: url(../pic/u59.png) 50% 0 no-repeat;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 0.01rem;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.Nptcenter a{width: 90%;font-weight: normal;font-size: 0.14rem;text-align: center;background:#FFF;color: #000;float:left;height: 0.35rem;line-height: 0.3rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;margin-left: 0.06rem;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter a:hover{background: #d60000;color: white;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp { width:100%; height:5rem; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:5rem; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#385CBA;width:0.4rem; }
/*关于我们*/
.company{float:left;width:100%;background: url(../pic/about_bg.jpg) top center;position: relative;}
.company .page{border-radius: 0.15rem;height: 3.8rem;position:relative;padding:0.4rem 0.4rem;width: 11.2rem;}
.company:before {content: '';clear: both;display: block;width: 100%;height: 0.16rem;background: url(../pic/al_bg_top.jpg) repeat-x;background-size: 0.59rem 0.16rem;position: absolute;top: 0;left:0;}
.company:after {content: '';clear: both;display: block;width: 100%;height: 0.16rem;background: url(../pic/al_bg_bot.jpg) repeat-x;background-size: 0.59rem 0.16rem;position: absolute;bottom: 0;left:0;}
.company .fl{width: calc(4.5rem - 2px - 0.08rem);float:left;height:3.45rem;border:1px solid #ededed;padding:0.04rem;position:relative;}
.company .fl img{left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;max-width: 4.5rem;max-height:3.45rem;}
.company .fr{float:right;width: calc(100% - 5rem);}
.company .fr strong{font-size: 0.3rem;color: #343434;line-height: 0.45rem;display: block;float: left;width: 100%;text-align: center;}
.company .fr strong .color { font-size: 0.3rem; color: #006bbd; display: inline-block;}
.company .fr strong .small { display: block;  font-size: 0.15rem;  color: #343434;  font-weight: 100;  line-height: 0.2rem;}
.company .fr p {font-size: 0.14rem;color: #2f2f2f;text-indent: 2em;line-height: 0.3rem;padding-top: 0.2rem;font-weight: 100;height: 1.85rem;overflow: hidden;float: left;}
.company_in_btn{float:left;}
.company_in_btn a{display: block;border: 1px solid #666;border-radius: 0.5rem;line-height: 0.36rem;width: 1.4rem;height: 0.36rem;text-align: center;float:left;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;margin-right: 0.2rem;text-decoration:none;}
.company_in_btn a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;background: #d60000;}
.company_in_btn a  i{color: #666;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.36rem;width: 100%;position: relative;z-index: 3;transition: 0.3s all ease;}
.company_in_btn a:hover:before{left:0;}
.company_in_btn a:hover{border-color: rgba(255,255,255,0)}
.company_in_btn a:hover i{color: #fff;animation: ddh 0.8s ease-out both;}
/*产品展示*/
.wd1200{width:12rem;margin: 0 auto;position: relative;}
.supply{width:100%;float: left;}
.wd1200 .title{padding:0.45rem 0;text-align: center;position: relative;}
.wd1200 .title:before{height:0.05rem; border-top:1px solid #d7d9db; border-bottom:1px solid #d7d9db; margin:0px auto; max-width:3.5rem; width:100%; position:absolute; left:0px; right:0px; top:0.69rem; z-index:0; content:'';box-sizing: border-box;}
.wd1200 .title h2{width:2.2rem; height:0.54rem; line-height:0.54rem; display:block; margin:0 auto;-webkit-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0);transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;text-align:center; position:relative; background:#36404b; z-index:1;color:#fff;font-weight: normal;font-size: 0.18rem;}
.wd1200 .title h2:before{width:0.1rem; height:0.54rem; line-height:0.54rem; display:block; content:''; position:absolute; top:0; left:-0.24rem;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;border-width:0 0 0.54rem 0.24rem; border-color:transparent transparent #36404b transparent; border-style:solid;box-sizing: border-box;}
.wd1200 .title h2:after{width:0.1rem; height:0.54rem; line-height:0.54rem; display:block; content:''; position:absolute; top:0; right:-0.24rem;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;border-width:0.54rem 0.24rem 0 0; border-color:#36404b transparent transparent transparent; border-style:solid;box-sizing: border-box;}
.wd1200 .title p{display:block; color:#777; margin:0.3rem 0.15rem 0 0.15rem; font-size:0.15rem;}
.wrap2 .floorlm{width: 100%;/* float: left; */font-size: 0.18rem;text-align: center;overflow: hidden;height: 0.55rem;}
.wrap2 .floorlm li{width: 13.6%;margin-left: 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.4rem;line-height: 0.4rem;position:relative;cursor: pointer;color: #666;font-weight: normal;margin: 0 0.1rem;text-align: center;display: inline-block;background: #e9e9e9;padding: 0.1rem 0.05rem;}
.wrap2 .floorlm li:hover{color: #fff;background: #d60000;}
.wrap2 .floorlm .active{color: #fff;background: #d60000;}
.wrap2 .floorlm li h2{ font-weight:normal}
.wrap2 .floornr{float:left;width: 100%;margin-top: 0.1rem;background:#fff;}
.wrap2 .floornr ul .chanpin{float:left;width: 100%;margin-top: 0.2rem;}
.wrap2 .floornr ul .chanpin a{float:left;width: calc(25% - 0.2rem);margin: 0px 0.1rem 0.2rem 0.1rem;position: relative;transition: all .5s ease;}
.wrap2 .floornr ul .chanpin span{transition: 0.5s all ease;width: calc(100% - 2px - 0rem);height: 3rem;border:1px solid #ededed;padding: 0rem;float:left;position:relative;margin-left: 0;overflow: hidden;}
.wrap2 .floornr ul .chanpin span img{transition: 0.5s all ease;width: 100%;height: auto;margin: auto;left: -500%;right: -500%;top: -500%;bottom: -500%;position:absolute;}
.wrap2 .floornr ul .chanpin h3{transition: 0.5s all ease;width: calc(100% - 0.4rem);line-height: 0.5rem;height: 0.5rem;font-weight:normal;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.18rem;position: absolute;bottom: 0;z-index: 9;background: #385CBA;padding: 0.05rem 0.2rem;color: #ffffff;left: 0rem;}
.wrap2 .floornr ul .chanpin a:hover{transition: 0.5s all ease;background:#f0f0f0;-webkit-transform:translateY(-0.05rem);-moz-transform:translateY(-0.05rem);-ms-transform:translateY(-0.05rem);-o-transform:translateY(-0.05rem);transform:translateY(-0.05rem)}
.wrap2 .floornr ul .chanpin a:hover img{transition: 0.5s all ease;transform:scale(1.05);-webkit-transform:scale(1.05);}
.wrap2 .floornr ul .chanpin a:hover h3{background: #063387;transition: 0.5s all ease;}
.supply .cpmore{overflow: hidden;display: block;width: 3.15rem;height: 0.45rem;line-height: 0.45rem;text-align: center; background-color: #385CBA;border-radius: 0.05rem; box-shadow: 0.1rem 0.1rem 0.1rem #ccc; margin: 0.4rem auto;position: relative;transform: rotate(0deg);transition: 0.3s all ease;}
.supply .cpmore i{position:relative;font-style:normal;font-size: 0.16rem;color: #fff !important;z-index: 3;transition: 0.3s all ease;}
.supply .cpmore:before{content:"";display: block;width: 100%;height: 100%;position: absolute;top:0;background: #d60000;left: -100%;transition: 0.3s all ease;}
.supply .cpmore:hover:before{left:0}
.supply .cpmore:hover{color:#fff;text-decoration:none;animation: ddh 0.8s ease-out both;}
.ysad{width:100%;float: left;margin:0.4rem 0;}
.ysad h2{font-size: 0.3rem;color:#385cba;width:100%;text-align: center;padding-bottom: 0.1rem;}
.ysad p{font-size:0.15rem; color:#b8b8b8;text-transform: uppercase;text-align: center;display: block;}
.ysad .ys{ float:left; width:100%; margin-top:0.2rem;}
.ysad .ys li{ margin:0 auto; width:12rem; overflow:hidden;height: 3.62rem;}
.ysad .ys .ys01 span{float:left;width:5.25rem;height:3.15rem;/* margin-left:0.7rem; */margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys01 dl{ float:right; width:5.5rem; margin-top: 0.5rem;}

.ysad .ys .ys02 span{float:right;width:5.25rem;height:3.15rem;/* margin-right:0.7rem; */margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys02 span:before{ content:""; position:absolute; width:5.25rem; height:3.15rem; left:0; top:0; background:url(../pic/ys02bg.png) no-repeat; z-index:2}
.ysad .ys .ys02 dl{ float:left; width:5.5rem; margin-top: 0.5rem;}
.ysad .ys .ys03 span{float:left;width:5.25rem;height:3.15rem;/* margin-left:0.7rem; */margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys03 dl{ float:right; width:5.5rem; margin-top: 0.5rem;}
.ysad .ys .ys04 span{float:right;width:5.25rem;height:3.15rem;/* margin-right:0.7rem; */margin-top: 0.3rem;position:relative;overflow:hidden;}
.ysad .ys .ys04 dl{ float:left; width:5.5rem; margin-top: 0.5rem;}

.ysad .ys span img{position:absolute;left:0;top:0;right: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 100%;}
.ysad .ys dl dt{width: 0.77rem;background: url(../pic/ys_03.jpg) no-repeat;background-size: 0.77rem 0.95rem;height: 0.95rem;text-align: center;line-height: 0.95rem;font-size: 0.32rem;color: #fff;font-weight: bold;float: left;}
.ysad .ys dl dd{ float:right; width: 4.7rem;padding: 0;   margin: 0;}
.ysad .ys dl dd h3{font-size: 0.22rem;color: #385CBA;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0.15rem 0 0.05rem 0;}
.ysad .ys dl dd strong{padding:0;margin:0;font-weight:normal;display: block;font-size: 0.18rem;color: #c2c2c2;height: 0.5rem;overflow: hidden;font-size: 0.14rem;}
.ysad .ys dl dd p {font-size: 0.15rem;color: #666666;line-height: 0.24rem;margin-top: 0.1rem;text-align: left;background: url(../pic/ys_03.gif) no-repeat 0 0.06rem;padding-left: 0.2rem;}
.case{float:left;width:100%;}
.case .RYC{ float:left; width:12rem; margin-top:0.2rem; height:2.2rem; padding-bottom:0.1rem;  position:relative}
.case .RYC .left{ float:left;  width:0.3rem; height:2.2rem; cursor:pointer; position:relative}
.case .RYC .left .btn{width: 0.27rem;height: 0.59rem;background: url(../pic/scroll_btn1.gif) 0.27rem 0; margin-top: 0.59rem; background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .left .btn:hover{background: url(../pic/scroll_btn1.gif) 0 0;background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .right{ float:right;  width:0.3rem; height:2.2rem;; cursor:pointer; position:relative}
.case .RYC .right .btn{width: 0.27rem;height: 0.59rem;background: url(../pic/scroll_btn1.gif) 0.27rem 0.59rem; margin-top: 0.59rem; background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .right .btn:hover{background: url(../pic/scroll_btn1.gif) 0 0.59rem;background-size: 0.54rem 1.18rem;transition: 0.3s all ease;}
.case .RYC .ul01{float:left;padding:0.1rem;width:2.45rem;height:2rem;background:#ffffff;margin:0px 0.1rem;}
.case .RYC .ul01 .li01{float:left;width:2.45rem;height:1.5rem;position: relative;border: 1px solid #e0e0e0;}
.case .RYC .ul01 .li01 img{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;max-width:2.45rem; max-height:1.5rem; }
.case .RYC .ul01 .li02{float:left;  width:2.45rem; height:0.5rem; line-height:0.5rem; overflow:hidden;color:#666666;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;font-family: '微软雅黑'; text-align:center; font-weight: 400; font-style: normal; font-size: 0.16rem;}
.RYC .swiper{width: 11.4rem;height: 2.2rem;position: relative;display: inline-block;overflow: hidden}
.RYC .swiperBox{height: 2.2rem;position: absolute;top: 0px;left: 0px;}
.news{width:100%;float: left;}
.news .leftDiv{width: 7rem;height: 5.85rem;overflow: hidden;}
.news .leftDiv .mxfDiv{padding-top: 0.3rem;padding-left: 0.2rem;padding-right: 0.6rem;width: calc(100% - 0.4rem);}
.news .leftDiv .toptop{height: 0.58rem;position: relative;}
.news .leftDiv .tab li{float: left;font-weight: bold;/* margin-right: 0.4rem; */width: 1rem;height: 0.4rem;line-height: 0.4rem;font-size: 0.16rem;color: #2e2e2e;position: relative;cursor: pointer;text-align: center;padding: 0 0.4rem;}
.news .leftDiv .tab .liNow{color: #fff;background: #385CBA;padding: 0 0.4rem;}
.news .leftDiv .tab .liNow:after{ width: 100%;}
.news .leftDiv .more{position: absolute;right: 0;top: 0;line-height: 0.32rem;/* font-weight: bold; */font-size: 0.12rem;}
.news .leftDiv .more a{color: #5a5a5a;font-size: 0.15rem;}
.news .leftDiv .more a:hover{ color: #005dae;font-weight:bold}
.news .leftDiv .tabContent.on{animation: fadeOfOpacity .8s linear;}
.news .leftDiv .detail{position: relative;padding-left: 2.4rem;height: 1.8rem;}
.news .leftDiv .detail .imgDiv{position: absolute;left: 0;top: 0;width: 2.2rem;overflow: hidden;height: 1.8rem;}
.news .leftDiv .detail .imgDiv img{/*width:3.2rem;*/height: 1.8rem;position: absolute;margin: auto;top: -50%;bottom: -50%;left: -50%;right: -50%;}
.news .leftDiv .detail .name{line-height: 0.36rem;height: 0.5rem;font-size: 0.2rem;text-align: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .leftDiv .detail .name a{color: #3f3f3f;}
.news .leftDiv .detail .name a:hover{color: #385CBA;font-weight:bold;text-decoration:none;}
.news .leftDiv .detail .btnDiv{color: #c9c9c9;font-family:Gotham;font-size: 0.14rem;padding: 0.08rem 0.2rem;position: absolute;bottom: 0.1rem;right: 0;background: #fcd201;}
.news .leftDiv .detail .content{font-size: 0.14rem;line-height: 0.2rem;max-height: 0.6rem;color: #5a5a5a;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-top: 0.05rem;}
.news .leftDiv .detail .btnDiv:hover{animation: ddh 0.8s ease-out both;}
.news .leftDiv .list{padding-top: 0.2rem;}
.news .leftDiv .list h3{position: relative;padding-right: 0.95rem;font-size: 0.14rem;background: url(../pic/nesicon.png) no-repeat 0;padding-left: 0.2rem;}
.news .leftDiv .list h3 a{display: block;height: 0.4rem;color: #2e2e2e;line-height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.news .leftDiv .list h3 span{font-family:Gotham;color: #5a5a5a;position: absolute;right: 0;top: 0;line-height: 0.4rem;font-size: 0.14rem;font-weight: normal;}
.news .leftDiv .list h3 a:hover{ color: #385CBA;text-decoration: none;font-weight:bold}
.news .xwyb{width: 4.5rem;float: right;height: 5.85rem;overflow: hidden;}
.news .xwyb .cjwts{margin-top: 0.3rem;/* height: 0.22rem; */line-height:0.22rem;padding:0px 0px 0.17rem 0px;}
.news .xwyb .cjwts b{color: #fff;float:left;font-size: 0.16rem;font-weight:bold;background: #385CBA;padding: 0.08rem 0.3rem;}
.news .xwyb .cjwts a{font-weight:normal;float: right;line-height: 0.18rem;font-size: 0.14rem;height: 0.18rem;margin-top: 0.05rem;width: 0.8rem;color: #5a5a5a;}
.news .xwyb .cjwts a:hover{color: #385CBA;font-weight:bold;}
.news .xwyb .wenti ul li{float:left;width: 4.5rem;padding: 0.16rem 0;border-bottom: 1px solid #e5e5e5;}
.news .xwyb .wenti ul li p{background: url(../pic/wen.jpg) no-repeat left;background-size:0.19rem 0.19rem;padding-left: 0.25rem;width: 4.25rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 0.1rem;}
.news .xwyb .wenti ul li span{background: url(../pic/da.jpg) no-repeat left;background-size:0.19rem 0.19rem; color: #7d7d7d;padding-left: 0.25rem;width: 4.25rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float:left;}
.news .xwyb .wenti ul li a:hover p{color: #385CBA;font-weight:bold;text-decoration:none}
.link{width:100%;float: left;margin: 0.4rem 0 0.25rem 0}
.link h4{display: block;background: #fff;color: #2e2e2e;font-size: 0.16rem;position: relative;height: 0.3rem;width: 100%;}
.link h4:before{content:"";width: calc(100% - 0.7rem);border-bottom:1px solid #ccc;position: absolute;top:0.11rem;left: 0.7rem;}
.link p{display: block}
.link p a{display: block;color: #5a5a5a;font-size: 0.14rem; margin: 0 0.25rem 0.1rem 0;float: left;}
.bottom{float:left;width:100%;height: 0.6rem;line-height: 0.6rem;background: #ED9321;overflow: hidden}
.bottom a{color:#352e2e;width:1rem;padding:0 0.4rem;font-size: 0.14rem;overflow: hidden;}
.foot{width: 100%;float: left;background: #385CBA;}
.footnr{width: 9.6rem;margin: auto;}
.footnr .footwz{float:left;width: 7rem;color: #aac2ff;margin: 0.35rem 0;font-size:0.15rem;line-height:0.32rem;white-space: pre;}
.footnr .footwz a{color: #aac2ff;}
.footnr .footwz a:hover{ color: #f00;}
.footnr .footwz2{ background: url(../pic/dh.jpg) no-repeat left; font-size: 0.32rem; padding-left:0.45rem; margin-top:0.15rem; }
.footnr .footwz2 p{ font-size:0.12rem; line-height:20px;}
.footnr .footewm{ float: right; margin-top:0.35rem; }
.footnr .footewm img{width: 1.4rem;}
/*   内页-面包屑  */
.xqymbx{margin:0 auto;width: 11.6rem;background: url(../pic/mbx.png) 0 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.4rem;overflow:hidden;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mbx{margin:0 auto;background: url(../pic/mbx.png) 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: right;color: #8e8e8e;}
/*   内页-翻页  */

.hpage{font-size: 0.14rem;width:12rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


/*   内页-详细描述轮播  */

.house_con{ width:11.8rem; background:#ffffff; padding:0.09rem;border: 1px solid #dedede;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);;margin: 0 auto; overflow: hidden;  margin-top: 0.2rem;}

.house_con .jieshao{ float:right; width:5.6rem;}
.house_con .jieshao h1{ float:left; width:5.5rem; font-size:0.18rem; line-height:0.3rem; max-height: 0.6rem; overflow:hidden; padding:0.1rem 0.1rem 0 0; margin-bottom:0.1rem;}
.house_con .jieshao .price_con { float:left;padding-bottom: 0.05rem; width: 5.6rem; overflow: hidden; border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:0.25rem; font-size:0.14rem; color:#000000;padding:0.1rem 0 0.1rem 0; width:5.6rem;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{ float:left; line-height:0.3rem; font-size:0.14rem; color:#000000; width:5.6rem; padding:0.4rem 0 0 0}
.house_con .jieshao .san .zx{display: block;width: 2rem;height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #e2011e;text-align: center;text-decoration: none;position: relative;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img {position: absolute;top: 0.15rem;left: 0.2rem;}
.house_con .jieshao .san .zx:hover img{animation: ddh 0.8s ease-out both;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative; margin: 0 auto;float:left; width:6rem;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem;width: calc(6rem - 2px);height: 4.04rem;overflow: hidden;float:left;position:relative;border: 1px solid #e5e5e5;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 6rem;height: auto;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative; margin-top: 0px;  height: 0.67rem; overflow: hidden; float:left; width:5.4rem; margin-left:0.3rem; margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;}
.house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
        .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.14rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 0.2rem; height: 0.67rem;background:#ccc; cursor:pointer;background:url(../pic/left_arrow.png) 0px 0px no-repeat;}
        span.house_imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 0.2rem; height: 0.67rem; background:#ccc; cursor:pointer; background:url(../pic/right_arrow.png) 0px 0px no-repeat; }
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;}

/*   内页-详细描述，产品分类。  */
.cpmshu{ width:12rem; margin:0 auto; overflow:hidden; margin-top:0.2rem; padding-bottom:0.2rem;}
.cpmshu .cpfl{width:2.5rem;background: #385CBA;margin-top: 0.3rem;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.2rem;font-weight:bold;}
.cpmshu .cpfl .li02 {color: #f7f7f7; font-size: 0.16rem;  display: block;  text-align: center; float:left; width:2.5rem;    line-height: 0.35rem;}
.cpmshu .cpfl .li03 a.sub{color: #525252;font-size: 0.16rem;}
.cpmshu .cpfl .li03 {width: 2.5rem;background: #fff;padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;overflow: hidden;}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{float: right;width: 1.8rem;font-size: 0.16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;padding: 0.1rem 0.2rem 0.1rem 0.5rem;border-bottom:1px solid #ededed;/* text-align: center; */line-height: 0.16rem;}
.cpmshu .cpfl .li03 h2 a:hover{color:#385CBA;}
.cpmshu .cpfl .li03 h3{float: left;width: 2rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;}
.cpmshu .cpfl .li03 h3:hover a{color:#385CBA;font-weight:bold}
.cpmshu .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0.06rem;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.cpmshu .cpfl .li03 h3:hover:before{background:#385CBA}
.cpmshu .cpfl h2 span{position: absolute;left: 0.1rem;cursor:pointer;background: #385CBA;color: #fff;border-radius: 50%;width: 0.16rem;height: 0.16rem;line-height: 0.14rem;text-align: center;font-size: 0.14rem;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: 8.9rem;padding:0.19rem 0.19rem;border:1px solid #ededed;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);line-height:0.25rem;font-size:0.14rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: right;margin-top: 0.3rem;}
.cpmshu .miaoshu img{max-width: 100%;padding:0.1rem;}
.paging_prev { float: left;    width: 8.9rem;    line-height: 0.3rem;    padding: 0.1rem 0px 0 0px;    font-size: 0.14rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size:0.16rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;margin:0}
.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#006bbd; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.14rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{ width:8.9rem; font-size:0.24rem; font-weight:bold; float:left;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; padding-top:0.3rem; text-align:center}
.cpmshu .miaoshu .text{width:8.9rem; float:left; text-align:center; padding:0.2rem 0 0.2rem 0; border-bottom:1px solid #ededed; color:#888888}
.cpmshu .cpfl .li03 .tjbt{padding: 0 0.1rem;width: 2.2rem;  line-height: 0.4rem; height: 0.4rem; border-bottom: 1px solid #e2e2e2; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.cpmshu .cpfl .li03 .tjbt:hover{color:#385CBA;font-weight:bold}
/*   内页-资讯列表  */

.cpmshu .newslist{width:8.9rem;padding: 0 0.19rem;line-height:0.25rem;font-size:0.14rem;float:right;margin-top: 0.3rem;} 
.cpmshu .newslist .tittle{margin: 0 0 0.1rem 0;width:100%}

.cpmshu .newslist li{ float:left; border-bottom:1px solid #ededed; padding:0.15rem 0;    width: 8.9rem;}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{ float:right; width:6.6rem; position:relative; height:1.45rem;}
.news_con_txt h2{width: 6.6rem;float: right;color: #333333;height: 0.4rem;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;position: relative;}
.news_con_txt h2 a:hover{color:#ae1c2f;text-decoration:none}
.news_con_txt h2:before{content:"";position:absolute;width:1rem;height: 0.04rem;background: #ae1c2f;bottom: 0.1rem;}
.news_con_txt p{max-height: 0.5rem;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{ float:left; width:8.8rem; position:relative; padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0;  top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 8.8rem;float: left;color: #333333;height: 0.4rem;overflow: hidden;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.18rem;}
.news_con_txt1 h2 a:hover{color:#385CBA;text-decoration:none;font-weight:bold}
.news_con_txt1 p{max-height: 0.5rem;width:100%;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none;}

/*   内页-产品中心  */
.cpmshu .majority{width:9.28rem;line-height:0.25rem;font-size: 0.14rem;float:right;margin-top: 0.3rem;}
.cpmshu .tittle{width: calc(100% - 0.19rem);float:left;margin: 0 0 0.2rem 0.19rem;border-bottom: 1px solid #e5e5e5;} 
.cpmshu  .tittle h2{float:left;font-weight:bold;font-size: 0.2rem;position:relative;padding-bottom:0.1rem;height: 0.3rem;line-height: 0.3rem;color: #385CBA;}

.cpmshu .majority li{width: 2.79rem;margin-left:0.2rem;float:left;height:3.3rem;overflow:hidden;padding:0.04rem;border:1px solid #ededed;margin-bottom:0.2rem;position:relative;}
.cpmshu .majority li span{width: 2.79rem;height:2.73rem;float:left;position:relative;}
.cpmshu .majority li span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.73rem;max-width: 2.79rem;}
.cpmshu .majority li .xqnr{position: absolute;background: #fff;width: 2.79rem;top: 2.8rem;transition: 0.8s all ease;}
.cpmshu .majority li:hover .xqnr{top:2.3rem;  transition: 0.8s all ease;}
.cpmshu .majority li .course{width: 2.79rem;text-align: center;position: absolute;bottom: 0;background:#fff;}
.cpmshu .majority li h2{float:left;width: 2.79rem;font-size: 0.16rem;font-weight:normal;padding:0.05rem 0 0 0;position:relative;z-index:3;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.cpmshu .majority li p{font-size:0.12rem;color:#93999f;height: 0.8rem;overflow: hidden;float: left;}
.cpmshu .majority .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}
.xq{margin-top:0}
/*单页*/
.cpmshu .newslist .about{line-height: 0.3rem;font-size: 0.14rem;float:left;width:100%;margin-top: 0.2rem;}
.cpmshu .newslist .about img{max-width:100%}
/*留言*/
.liuyan{float:left;width: 100%;line-height:0.3rem;}
.Page1C2{float:left;width: calc(100% - 0.3rem - 2px);margin-top:0.2rem;line-height:0.3rem;border:1px solid #ededed;padding: 0.15rem;}
#tianxieone{float:left;width: calc(100% - 0.2rem);padding:0.1rem;border-bottom: 0;}
#tianxietwo{float:left;width:2.5rem;text-align:right;color: #5f5f5f;}
#tianxiethree{ float:left;}
#tianxiethree input,#tianxiethree textarea{border:1px solid #a9a7a7}
#liuyanshenming{float:left;text-align:center;width: 100%;color: #5f5f5f;border-bottom: 0;}
#lytijiao {width: 60%;float:left;padding: 0.1rem 0;padding-left: 40%;border-bottom: 0;}
#lytijiao input{padding:0.08rem 0.4rem;border:0px;outline:0;background: #385CBA;color:#ffffff;font-weight:bold;border-radius: 0.05rem;}